/*div*/


/*form*/

/*table*/


/*button*/
.content-3d {
    margin: 36px auto;
    width: 50%;
    max-width: 300px;
}

.btn-container {
    background-color: white;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 36px;
}

a[class*="btn"] {
    text-decoration: none;
}

input[class*="btn"],
button[class*="btn"] {
    border: 0;
}

/* 3D Button */
.btn-3d {
    position: relative;
    display: inline-block;
    font-size: 16px;
    padding: 6px 12px;
    color: white;
    margin: 16px 8px 8px;
    border-radius: 6px;
    text-align: center;
    transition: top .01s linear;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.btn-3d.blue:hover {
    background-color: #699DD1;
}

.btn-3d:active {
    top: 9px;
}

/* 3D button colors */
.btn-3d.blue {
    background-color: #6DA2D9;
    box-shadow: 0 0 0 1px #6698cb inset,
    0 0 0 2px rgba(255, 255, 255, 0.15) inset,
    0 8px 0 0 rgba(110, 164, 219, .7),
    0 8px 0 1px rgba(0, 0, 0, .4),
    0 8px 8px 1px rgba(0, 0, 0, 0.5);
}

.btn-3d.blue:active {
    box-shadow: 0 0 0 1px #6191C2 inset,
    0 0 0 2px rgba(255, 255, 255, 0.15) inset,
    0 0 0 1px rgba(0, 0, 0, 0.4);
}

/*btn two*/
.btn-two {
    color: white;
    padding: 15px 25px;
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-bottom-color: rgba(0, 0, 0, 0.34);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.34) inset,
    0 2px 0 -1px rgba(0, 0, 0, 0.13),
    0 3px 0 -1px rgba(0, 0, 0, 0.08),
    0 3px 13px -1px rgba(0, 0, 0, 0.21);
}

.btn-two:active {
    top: 1px;
    border-color: rgba(0, 0, 0, 0.34) rgba(0, 0, 0, 0.21) rgba(0, 0, 0, 0.21);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.89), 0 1px rgba(0, 0, 0, 0.05) inset;
    position: relative;
}

.btn-two.yellow {
    background-color: #f0d264;
}
